@extends('layouts.base')

@push('styles')
<link rel="stylesheet" href="{{ asset('assets/css/commonHeader.css') }}"/>
<link rel="stylesheet" href="{{ asset('assets/gritter/jquery.gritter.css') }}"/>

<style>
    .header .col-sm-7 ul li p a.active {
        border-bottom: 2px solid #FFFFFF;
        padding-bottom: 8px;
    }
</style>
<!--[if lt IE 9]>
<style type="text/css">
    .header .logo_title P.adderssName {
        font-size: 30px;
    }

    .header .logo_title P.adderss {
        font-size: 37px;
    }
</style>
<![endif]-->
<!--[if IE]>
<style type="text/css">
    .psectle .list1taxr .list1select select, .psectle .list1bax th p select {
        padding-right: 0;
    }
</style>
<![endif]-->
@endpush

@section('body')
<div class="container-fluid">
    <div class="row header" style="background-image:url('{{ asset('assets/img/header.jpg') }}')">
        <div class="col-sm-5">
            <a href="{{ route('index.index') }}">
                <div class="col-sm-3 img_logole">

                    <img src="{{ asset('assets/img/images/logole.png') }}"/>

                </div>
                <div class="img-responsive logo_img logo_title col-sm-7">
                    <p class="adderss">绵阳市计量测试所</p>
                    <p class="adderssName">综合办公信息管理系统</p>
                </div>
            </a>
            <div class="account col-sm-2"><a href="{{ route('index.index') }}"><img
                            src="{{ asset('assets/img/01.png') }}">
                    <p>{{ Auth::user()->name }}</p></a></div>
        </div>
        <div class="col-sm-7">
            <ul class="list-inline">
                <li>
                    <form id="logout-form" action="{{ route('logout') }}" method="POST" onclick="this.submit()">
                        @csrf
                        <a href="#"><img src="{{ asset('assets/img/10.png') }}"></a>
                        <p><a href="#">退出系统</a></p>
                    </form>

                </li>

                <li>
                    <a href="{{ route('index.system') }}"><img src="{{ asset('assets/img/09.png') }}"></a>
                    <p><a href="{{ route('index.system') }}">系统设置</a></p>

                <li>
                    <a href="{{ route('index.msn') }}"><img src="{{ asset('assets/img/46.png') }}"></a>
                    <p><a href="{{ route('index.msn') }}?>">通讯录</a></p>
                </li>

                <li>
                    <a href="{{ route('index.memo') }}"><img src="{{ asset('assets/img/45.png') }}"></a>
                    <p><a href="{{ route('index.memo') }}">备忘录</a></p>
                </li>

                <li>
                    <a href="{{ route('index.rule') }}"><img src="{{ asset('assets/img/44.png') }}"></a>
                    <p><a href="{{ route('index.rule') }}">公告管理</a></p>
                </li>

                <li>
                    <a href="{{ route('index.parameter') }}"><img src="{{ asset('assets/img/43.png') }}"></a>
                    <p><a href="{{ route('index.parameter') }}">固定资产管理</a></p>
                </li>

                <li>
                    <a href="{{ route('index.car') }}"><img src="{{ asset('assets/img/42.png') }}"></a>
                    <p><a href="{{ route('index.car') }}">车辆管理</a></p>
                </li>

                <li>
                    <a href="{{ route('index.attendence') }}"><img src="{{ asset('assets/img/41.png') }}"></a>
                    <p><a href="{{ route('index.attendence') }}">考勤管理</a></p>
                </li>
            </ul>
        </div>
    </div>
    @yield('content')
</div>
@endsection

@section('scripts')
<script type="text/javascript">
    $(document).ready(function () {
        function Distance_jud() {
            var W = $("body").width();
            var H = $(window).height();
            var Hbodyl = $(".bodyl").height();
            var Wl = $(".bodyl").width();
            var H1 = H - 168;
            var W1 = W - Wl - 2;
            $(".bodyr").width(W1);
            var Topbodyr = $(".bodyr").offset().top;
            if (Topbodyr > 200) {
                for (var i = 0; i < 300; i++) {
                    var W1 = W - i - 2;
                    $(".bodyr").width(W1);
                    if ($(".bodyr").offset().top < 200) {
                        break;
                    }
                }
            }
            if (Hbodyl < H1) {
                $(".bodyer").height(H1);
            } else {
                $(".bodyer").height(Hbodyl);
            }
        }

        Distance_jud();

        $(window).on("resize", function () {
            Distance_jud();
        });

        $(".bodyl_tit").click(function () {
            var img_s = $(this).find(".bodyl_titr");
            if ($(this).next(".bodyl_con_chil").css("display") == 'block') {
                $(".bodyl_con_chil").slideUp('400');
                img_s.attr("src", "{{ asset('assets/img/65.png') }}")
            } else {
                $(".bodyl_con_chil").slideUp('400');
                $(this).next(".bodyl_con_chil").slideDown();
                if (img_s.attr("src") == "{{ asset('assets/img/65.png') }}") {
                    $(this).parent("li").siblings().children(".bodyl_tit").children(".bodyl_titr").attr("src", "{{ asset('assets/img/65.png') }}")
                    img_s.attr("src", "{{ asset('assets/img/55.png') }}")
                }
            }
            $(".bodyl_titr1").attr("src", "{{ asset('assets/img/55.png') }}");
            Distance_jud();
        })
        $(".bodyl_con_chil ul li").click(function () {
            $(this).siblings().removeClass("body1_colors");
            $(this).addClass("body1_colors");
        })

    });
</script>
@endsection


